.main {
    width: 980px;
    height: 455px;
    margin: 10px 0 0 220px;
}

.focus {
    float: left;
    width: 721px;
    height: 455px;
    background-color: aqua;
}

.newsflash {
    float: right;
    width: 250px;
    height: 455px;
}

.news {
    height: 165px;
}

.lifeservice {
    height: 209px;
}

.news {
    height: 165px;
    border: 1px solid #666;
}

.news dl dt {
    height: 33px;
    border-bottom: 1px dotted #4e4e4e;
    line-height: 33px;
    font-size: 14px;
    padding: 0 15px;
}

.news h4 {
    float: left;
}

.news dl dt a {
    float: right;
}

.news dl dt a::after {
    content: '\e920';
    font-family: 'icomoon';
}

.news dd {
    height: 24px;
    padding: 5PX 15px 0 15PX;
    line-height: 24PX;
}

.lifeservice {
    height: 209px;
    /* border-left: 1px solid #666; */
    border: 1px solid #666;
    border-top: 0;
    /* 增大ul父盒子宽度，li在一行浮动会导致右边框和下边框溢出 */
    overflow: hidden;
}

.lifeservice ul {
    /* 4个li的宽度比lifeservice的大，所以改变父盒子的宽度使其能在一行内浮动 */
    width: 252px;
}

.lifeservice ul li {
    position: relative;
    float: left;
    width: 63px;
    height: 71px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    text-align: center;
}

.lifeservice ul li span {
    display: inline-block;
    width: 24px;
    height: 28px;
    margin-top: 12px;
}

.lifeservice ul li:nth-child(odd) span {
    background: url(../images/icons.png) no-repeat -17px -15px;
}

.lifeservice ul li:nth-child(even) span {
    background: url(../images/icons.png) no-repeat -17px -15px;
}

.flag {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-top: 12px solid green;
    border-right: 6px solid green;
    border-left: 6px solid green;
    border-bottom: 4px solid transparent;
}

/* 旗子造型用边框设置的，所以内部并没有空间可以用来存放文字，只能使用定位的方式。 */
.flag::after {
    content: '减';
    position: absolute;
    top: -6px;
    right: -4px;
    font-size: 8px;
    color: #fff;
}

.bargain {
    margin-top: 5px;
}